<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>电脑学堂</title>
    <link type="text/css" rel="stylesheet" href="css/public.css" />
    <style type="text/css">
        .top{width: 900px;height: 120px;border: 1px solid black;}
        .middle{width: 900px;height: 400px;border: 1px solid black;}
        .bottom{width: 900px;height: 100px;border: 1px solid black;}
        li{list-style-type: none;margin:5px 5px;}
        #Cop{margin-top: 60px;margin-left: 10px;font-size: 2em;}
        a{text-decoration: none;display: block;color: aliceblue;}
        .nav{margin-left: 200px;width: 400px;margin-top: 70px;height:30px;background-color: blue;opacity: 0.7;}
        .right#R{margin-top: 0px;}
        #normal{width: 293px;border: 1px solid rgb(156, 156, 43);height: 390px;margin:5px 2px;}
    </style>
</head>
<body style="width: 900px;margin:0 auto">
    <span class="right" id="R">设为首页|加入收藏</span>
    <div class="top">
        <span class="left" id="Cop">电脑学堂</span>
        <div class="nav">
            <ul>
            <li class="left">
                <a href="#">首页</a>
            </li>
            <li class="left">
                <a href="#">网购学堂</a>
            </li>
            <li class="left">
                <a href="#">支付选择</a>
            </li>
            <li class="left">
                <a href="#">安全学堂</a>
            </li>
            <li class="left">
                <a href="#">经验交流</a>
            </li>
        </ul>
        </div>
        
        
    
    </div>
    <div class="middle" class="clear">
        <div class="left" id="normal"><h2>学堂区</h2><br>电脑维修<br>电脑课程<br>等等</div>
        <div class="left" id="normal"><h2>学堂特色</h2>求知书城是一个很好的地方，我们每个人都喜欢求知书城。我们一起来玩吧，一起来读书吧。在西南河后街和工人路的交叉路口，开着一家书店。

            求知书店。
            
            店名贴切，因为去那里的人大部分都是学生。书店里最大的两个独立书架上放着琳琅满目的作业、试卷以及相关的教材。但其实这家坐东朝西的书店，大部分地方都是此类的书籍。
            
            来到这家店的人也大都怀着同样的一个目的：求知。求得知识。</div>
        <div class="left" id="normal"><h2>学堂宗旨</h2>求知书城是一个很好的地方，我们每个人都喜欢求知书城。我们一起来玩吧，一起来读书吧。在西南河后街和工人路的交叉路口，开着一家书店。

            求知书店。
            
            店名贴切，因为去那里的人大部分都是学生。书店里最大的两个独立书架上放着琳琅满目的作业、试卷以及相关的教材。但其实这家坐东朝西的书店，大部分地方都是此类的书籍。
            
            来到这家店的人也大都怀着同样的一个目的：求知。求得知识。</div>
    </div>
    <div class="bottom" class="clear">
        <center><br>
            地址：翻斗市翻斗大街888号<br>
            Email:hututu@dodo.com<br>
            Copyright 2002 胡图图工作室 All Rights Reserved
        </center>
    </div>
</body>
</html>